@import "../common/_common.scss";
.bannerbox{
    width: 100%;
    height: 450px;
    text-align: center;
     margin: 0 auto 30px auto;
    overflow: hidden;;
    .slidermain{
        height: 450px;
        overflow: hidden;
    }
    .sliderlist{
        margin: 0 auto;
        height: 450px;
        img.pic{
           width: 750px;
        }
        a{display:block; height: 450px; background: center center no-repeat}


    }
    .slider-nav{
        width: 100%;
        text-align: center;
        position:relative;
        overflow: hidden;
        top:-30px;
        z-index: 5;
        span.item{
            display: inline-block;
            width: 30px;
            height: 4px;
            line-height: 4px;
            background-color:#ddd;
            margin:0 3px;
        }
        span.redbg{
           vertical-align: top;
           height: 4px;  
           display: inline-block;  
           background-color:#ddd;
        }
        span.flex-active{
            text-align: left;            
            span.redbg{  
                width:0;              
                background-color:#ff3a34;                
            }
        }


    }

}
.recomain{
    width:$px1190;
    margin: 0 auto;
    .recommed{
        width: 220px;
        height: 450px;
        background:rgba(255,255,255,.9);
        background/*\**/:#ffffff \9;
        filter:alpha(opacity=95);
        margin-left: 970px;
        position: absolute;
        z-index: 6;
        .info{
            padding:16px 20px 0px 20px;
            a.new{
                display:block;
                margin-bottom: 6px;
                color: $c333;
                height: 18px;
                overflow: hidden;
                &:hover{
                    color: $fedStdColor_l3;
                }
            }
            
        }
    }
    .recommedbox{
        padding-top: 15px;
        h3{
            font-size: 18px;
            text-align: center;
            font-weight: normal;
        }
        .list{
            text-align: center;
            padding:25px 0 20px 0;
            border-bottom: 1px solid #ddd;
            overflow: hidden;
            li.item{
                .pprice{ line-height:22px;}
            }
            .pname{
                padding-top:22px;
                height: 24px;
                overflow: hidden;
                font-weight: normal;
            }
            .markprice{
                text-decoration: line-through;
            }
        }
        .toleft,.toright{
            display:inline-block;
            width: 11px;
            height: 13px;            
            top:140px;  
            cursor: pointer; 
            z-index: 999;         
        }
        .toleft{
            background-position: -1px -28px;
            left: 10px;
          &:hover{
            background-position: -1px -6px;   
          }  
        }
        .toright{
            background-position: -22px -6px;
            right: 10px;
          &:hover{
            background-position: -22px -28px;   
          }  
        }
    }
}

.breadcrumb{display: none}

.week_recommed{

}
.week_recommed_hd{ width: 80px; height: 25px;background: url(../../img/ju_title.png) no-repeat;line-height: 20px; text-indent: 12px; margin-top: 8px; position: relative; left: -5px; }
.recomain .recommedbox .list{ padding-top:5px; height: 180px;
    .pname{display:none}
    p{display: none}
}

.recomain .recommed{  background:none;
    .week_recommed{background: rgba(255, 255, 255, 0.9) no-repeat; padding-top: 1px;}
    .info{ padding: 11px 0 11px 20px;border-bottom:1px dashed #dddddd ;
        p{ height: 24px; color: #FFD258;}
        .title{ color: #333333}
        a.new{ display: inline}
    }
    a.new_item_ad{ width: 220px; height: 100px; display: block;
        filter:alpha(opacity=90);
        -moz-opacity:0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;}
}

/*公用menu*/
.menu .categorys .arror_up{
    display: none !important;
}

